{{template "header"}} {{template "top" .}}
<style>
.many-line {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
</style>
<table class="table table-striped">
	<caption>
		<strong>文章列表</strong>
	</caption>
	<thead>
		<tr>
			<th>ID</th>
			<th width="30%">标题</th>
			<th width="50%">摘要</th>
			<th width="10%">操作</th>
		</tr>
	</thead>
	<tbody>
		{{range .Article}}
		<tr>
			<td><span style="width: 20%">{{.id}}</span></td>
			<td><a href="/article/detail/{{.id}}" class="many-line"
				style="width: 80%">{{.title}}</a></td>
			<td><span class="many-line" style="width: 80%">{{.summary}}</span></td>
			<td><a href="/article/edit/{{.id}}">编辑</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a
				href="/article/delete/{{.id}}">删除</a></td>
		</tr>
		{{end}}
	</tbody>
</table>


{{template "foot"}}
